<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/main.css">
  <link rel="stylesheet" href="./css/iconfont/iconfont.css">
  <title>我要报名</title>
</head>

<body>
  <div class="competition__wrap signup__wrap">
    <div class="competition__sign signup__padding">
      <div class="l">超星2018第二届移动教学大赛</div>
      <div class="r">
        <i class="icon iconfont icon-renyuanguanli"></i>
        <span>报名 100</span>
      </div>
      <ul class="explain">
        <li>比赛时间：2018年7月10日9:00～16:30</li>
        <li>比赛地址：上海市宝山区三门路561号</li>
        <li>报名截止：2018年6月30日</li>
      </ul>
    </div>
  </div>
  <div class="signup__height"></div>
  <div class="signup__form">
    <div class="title">填写报名信息</div>
    <div class="form">
      <div class="content">
        <i class="icon iconfont icon-ren12"></i>
        <span>真实姓名</span>
        <input type="text">
      </div>
    </div>
    <div class="form">
      <div class="content">
        <i class="icon iconfont icon-xingbie"></i>
        <span>您的性别</span>
        <select name="" id="aa">
          <option value="男">男</option>
          <option value="女">女</option>
        </select>
        <!-- <i class="icon iconfont icon-sanjiaoxing-down"></i> -->
      </div>
    </div>
    <div class="form">
      <div class="content">
        <i class="icon iconfont icon-xuexiao"></i>
        <span>您的单位</span>
        <input type="text">
      </div>
    </div>
    <div class="form">
      <div class="content">
        <i class="icon iconfont icon-youxiang"></i>
        <span>您的邮箱</span>
        <input type="text">
      </div>
    </div>
    <div class="form">
      <div class="content">
        <i class="icon iconfont icon-web-icon-"></i>
        <span>移动电话</span>
        <input type="text">
      </div>
    </div>
  </div>
  <div class="competition__bottom" id="submission">提交报名信息</div>
  <!-- 弹窗 -->
  <div class="dialog-success" style="display: none" id="dialog">

  </div>
  <script src="./js/jquery-3.3.1.min.js"></script>
  <script>
    // 点击提交报名信息事件
    $("#submission").click(function () {
      $("#dialog").show();
      // 1秒后弹窗消失跳转页面
      setTimeout(function () {
        $("#dialog").hide();
        window.location.href = './information.html';
      }, 1000);
    });
  </script>
</body>

</html>